<!DOCTYPE html>
<html>
  <head>
    <title>CSS Test (Transforms): Fixed Background (with scrolling)</title>
    <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
    <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-rendering">
    <meta name="assert" content='"Fixed backgrounds are affected by any
    transform specified for the root element, and not by any other transforms."
    Here we translate the div 150px down instead of 50px, and also scroll down
    100px.  This should be the same as the previous test because the background
    image is 100px square.'>
    <meta name="flags" content="svg dom">
    <link rel="match" href="transform-fixed-bg-ref.html">
    <style>
      body {
        margin: 0;
        height: 5000px;
        overflow: hidden;
      }
      div {
        background: url(support/transform-triangle-left.svg) fixed;
        width: 100px;
        height: 100px;
        transform: translate(50px, 150px);
      }
    </style>
  </head>
  <body>
    <div></div>
    <script>scroll(0, 100)</script>
  </body>
</html>
